
body,ul{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;

}
h4{
            background-color: darksalmon;
        }
ul li{
    list-style: none;
    list-style-position: 0;
    float: left;
    margin: 0 10px;
}

.all{
    width: 100%;
    height: 100%;
}
.book{
    width:90%;
    margin: 0 auto;
}
.dialog{
    height:100px;
    width:200px;
    position: fixed;
    background-color: white;
    z-index: 3;
    border: 3px solid deepskyblue;
    margin: -50px 0 0 -100px;
    left:50%;
    top:50%;
}
.dialog div{
    width:80%;
    margin:10px auto;
}
.dialog div .yes{
    float: left;
}
.dialog div .no{
    float:right;
}

.filter{
    position: fixed;
    z-index: 2;
    left:0;
    top:0;
    height: 1000px;
    width:3000px;
    opacity: 0.6;
    background-color: black;
}

.card{
    height:600px;
    width:600px;
    float:left;
    border: 1px solid deepskyblue;
    overflow: scroll;
}
.card h3{
    font-family: 黑体;
}

.btn{
    height:30px;
    width:50px;
    background-color: cornflowerblue;
    border-radius: 2px;
    padding: 10px;
    color:white;
}
